import React from "react";

 export  class Son extends React.Component{
     state={
         child:'React'
     }
    handleClick=()=>{
        this.props.getMsg(this.state.child)

    }
    render(){
        console.log(this)
        return(
            <div>
                <h1>我是子组件</h1>
                <span>{this.props.name}</span>
<button onClick={this.handleClick}>点击将数据传给父组件</button>
            </div>
        )
    }

}
//在函数式组件中父传子，子怎么接收的
export  const Sin  =  (Props)=>{
    //props可以换成{name，age}
    // props是一个对象，它里面就是父组件传递过来的数据，可以使用es6中的对象解构进行结构
    //或者是const{name,age}=props
    console.log(Props)
    return(
        <div>
            我是子的函数组件{Props.name}
           </div>
    )
}
export const Sin2=function (){
    return(
        <div>

        </div>
    )
}
